<style>
    .a{
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        color: #FFFFFF;
        width: 600px;
        height: 80px;
        line-height: 80px;
        text-align: center;
        background: linear-gradient( 122deg, #E4CAA7 0%, #BD9A68 100%);
        box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.16);
        border-radius: 46px;
        border-image: linear-gradient(180deg, rgba(224, 202, 162, 1), rgba(189, 154, 105, 1)) 3 3;
        margin-bottom: 2em;
    }
    .b{
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        color: #FFFFFF;
        width: 600px;
        height: 80px;
        line-height: 80px;
        text-align: center;
        background: linear-gradient( 122deg, #E4CAA7 0%, #BD9A68 100%);
        box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.16);
        border-radius: 46px;
    }
    .flex-a{
        display: flex;
        gap: 1em;
    }
    .item{
        background: red;
    }
</style>
<body>
<div class="a">
</div>
<div class="b">
</div>
<div class="flex-a">
    <div class="item">item</div>
    <div class="item">item</div>
</div>
</body>
